/**
 * 学习目标：使用JSX中的嵌套表达式
 * 作用：和vue的插值表达式类似，可以给标签设置内容
 * 表达式： 三元运算符、调用方法、JSX本身
 *
 */
import React from 'react';
import ReactDOM from 'react-dom';

const isVip = false;

function sayHello() {
  return 'hello React';
}

const spanNode = <span>我是span标签</span>;

const divNode = (
  <>
    <div>
      {isVip ? <h1>欢迎氪金大佬</h1> : ''}

      <h2>{sayHello()}</h2>
      <h3>{spanNode}</h3>
    </div>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
